<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>添加新的元素</title>
    <script src="./lib/jquery/jquery.min.js"></script>
    <style>
        body {
          font-family: 'Arial', sans-serif;
          background-color: #f4f4f4;
          color: #212529;
          margin: 0;
        }

        select, input[type='text'], input[type='file'], input[type='submit'] {
          padding: 10px;
          margin-bottom: 10px;
          border: 1px solid #ccc;
          border-radius: 4px;
          box-sizing: border-box;
        }

        select {
          width: 100%;
        }

        /* Center the submit button */
        .form-container form {
          text-align: center;
        }

        input[type='submit'] {
          background-color: #fed136;
          color: #212529;
          cursor: pointer;
          display: inline-block; /* Add this line to make it inline block */
        }

        input[type='submit']:hover {
          background-color: #e0ac00;
        }

        .form-container {
          max-width: 400px;
          margin: 20px auto;
          padding: 20px;
          background-color: #fff;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          border-radius: 8px;
        }

        .btn-96 {
          background-color: #fed136;
          color: #212529;
          padding: 10px 20px;
          border: none;
          border-radius: 4px;
          cursor: pointer;
          text-decoration: none;
          display: inline-block;
        }

        .btn-96:hover {
          background-color: #e0ac00;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="css1/search.css" />
    <link rel="stylesheet" type="text/css" href="css1/form.css" />
</head>
<body>

<!-- 跳转 -->
<button class="btn-96" type="submit" onclick="addevent">
    <a href="index.html">返回主页</a>
</button>
<!-- 跳转 -->

<!-- 输入内容 -->
<div class="form-container">
    <form action="insertevent" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id" value=""/>
        日期：<input type="text"  name="date" value=""><br><br>
        记录：<input type="text" name="event" value=""><br><br>
        图片：<input type="file" name="picture"/> <br><br>
        <input type="submit" value="提 交">
    </form>
</div>
<!-- 输入内容 -->
</body>
</html>
